<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <meta name="author" content="NiKo,security@aptsec.net">

    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <!--嘿嘿，禁止缩放-->
    <link rel="apple-touch-icon-precomposed" href="1.png">
    <meta name="format-detection" content="telephone=no">
    <title>Need You Now</title>
    <style type="text/css">
        body {
            text-align: center;
            margin: 0px;
            padding: 0px;
            font-size: 25px;
            color: #FFF;
            font-family: "微软雅黑";
            background: #f3961c;
        }
        div {
            text-align: left;
        }
        .tittle {
            width: 100%;
            background: #f3961c;
            top: 0px;
            height: 100%;
            z-index: 0;
            position: absolute;
            position: fixed !important;
            display: none;
            cursor: default;
        }

        .big {
            font-family: "微软雅黑";
            color: #FFF;
            font-size: 35px;
        }
        .tishi {
            position: absolute;
            position: fixed !important;
            z-index: 99;
            bottom: 10px;
            width: 100%;
            text-align: center;
        }
        .tishiContent {
            border: 1px solid #FFF;
            font-size: 18px;
            padding: 5px;
            cursor: pointer;
            border-radius: 5px;
        }
    </style>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script>
        $(document).ready(function (e) {
            $(document).scrollTop(300);
            /*移动滚动条到最下方*/
            timer = setInterval("$.change()", 3000);
            t = 2;
            $("#t-" + t).fadeIn();
            $(document).click(
                    function () {
                        /*如果用户点击了，就取消自动播放*/
                        clearInterval(timer);
                        $.change();
                    }
            );

            /*切换*/
            $.change = function () {
                t++;
                if (t <= $(".tittle").length) {
                    $(".tittle").slideUp(1500).fadeOut();
                    $("#t-" + t).slideDown(1500).fadeIn();
                } else {
                    localStorage["index"] = "1";
                    window.location = "love.html";
                }
            }
        });
    </script>

</head>

<body>
<section style="text-align: center">
    <div class="tittle" id="t-1" style="display: none;">
        <table width="100%" border="0" height="100%">
            <tbody>
            <tr>
                <td align="center"><span class="big">LOADING</span></td>
            </tr>
            </tbody>
        </table>
    </div>

    <div class="tittle" id="t-2" style="display: block;">
        <table width="100%" border="0" height="100%">
            <tbody>
            <tr>
                <td align="center"><span class="big">今天是</span>520</td>
            </tr>
            </tbody>
        </table>
    </div>

    <div class="tittle" id="t-3" style="">
        <table width="100%" border="0" height="100%">
            <tbody>
            <tr>
                <td align="center">嘿！<span class="big">那个谁·······</span></td>
            </tr>
            </tbody>
        </table>
    </div>
    
   <div class="tittle" id="t-4" style="">
        <table width="100%" border="0" height="100%">
            <tbody>
            <tr>
                <td align="center">今天我真的好想好想对你··<span class="big">说</span></td>
            </tr>
            </tbody>
        </table>
    </div>

    <div class="tittle" id="t-5" style="">
        <table width="100%" border="0" height="100%">
            <tbody>
            <tr>
                <td align="center"><br>
                    <span class="big">我真的好喜欢好喜欢你</span>
                </td>
            </tr>
            </tbody>
        </table>
    </div>

    <div class="tittle" id="t-6" style="">
        <table width="100%" border="0" height="100%">
            <tbody>
            <tr>
                <td align="center"><br>还记得四月份<span class="big">我跟你说</span></td>
            </tr>
            </tbody>
        </table>
    </div>
    
    <div class="tittle" id="t-7" style="">
        <table width="100%" border="0" height="100%">
            <tbody>
            <tr>
                <td align="center"><br>以后带你去<span class="big">巴黎</span></td>
            </tr>
            </tbody>
        </table>
    </div>
    
    <div class="tittle" id="t-8" style="">
        <table width="100%" border="0" height="100%">
            <tbody>
            <tr>
                <td align="center"><br>但我觉得还不够<span class="big">因为</span></td>
            </tr>
            </tbody>
        </table>
    </div>
    
    <div class="tittle" id="t-9" style="">
        <table width="100%" border="0" height="100%">
            <tbody>
            <tr>
                <td align="center"><br>任何你想要去的地方<span class="big">我都想带你去</span></td>
            </tr>
            </tbody>
        </table>
    </div>
    
    <div class="tittle" id="t-10" style="">
        <table width="100%" border="0" height="100%">
            <tbody>
            <tr>
                <td align="center"><br>是的<span class="big">当你需要一个夏天 我会拼了命地去努力</span></td>
            </tr>
            </tbody>
        </table>
    </div>
    
</section>
<div align="center" class="tishi">

<span class="tishiContent">轻触屏幕继续</span>
</div>
</body>
</html>